
<template>
	<div class="index">

		<div class="center">
			<left></left>
			<div class="right">
          <top></top>
          <div class="hei10"></div>
          <div class="where" style="background: #fff; padding: 10px 30px; font-size: 14px; color: #595959;">当前位置：分销后台><router-link to="/qudaoshouzhi" style="color: #409eff;">渠道收支</router-link></div>
          <div class="hei10"></div>
          
        <div class="team">
          <div class="powertop">
        		<router-link class="powertopli powertopact" to="/qudaoshouzhi">渠道收支</router-link>
        		<router-link class="powertopli" to="/shangpinshouzhi">商品收支</router-link>
        		<router-link class="powertopli" to="/dianpuqushi">店铺趋势</router-link>
        	</div>
        </div>
      </div>
    </div>
    <foot></foot>
  </div>
</template>

<script>
  import axios from "axios";
  import top from '@/components/top.vue'
  import left from '@/components/left.vue'
  import foot from '@/components/foot.vue'
  export default {
    components: {
      "left": left,
      "top": top,
      "foot": foot
    },
    name: 'kanban',
    data() {
      return {
        msg: "hello",
        options: "",
        value: ""
      }
    },
    created() {

    }
  }
</script>

<style lang="scss" scoped>
  .index{
		
      .right{ flex-basis: 1166px; background: #FFFFFF}
			.team{ background: #F9F9F9; }
			.powertop{ display: flex; width: 640px; }
			.powertopli{ flex-basis: 160px; line-height: 45px; border-top: 4px #F9F9F9 solid; color: #727272; border-right: 1px #EAEAEA solid; font-size: 14px; text-align: center;}
			.powertopact{ background: #FFFFFF; border-top: 4px #DD2727 solid;}
		
	}
</style>
